<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>金牌榜</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script>
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					vScroll:true,
					useTransition:true,
					onScrollMove:function(){
						$(".backTop").click(function(){
							myscroll.scrollToElement(".tab tr:nth-child(1)",300);
						});
					} 
				});
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<link rel="stylesheet" type="text/css" href="../css/gold-List.css"/>
	</head>
	<body> 
		
		<!-- 整体  -->
		<div class="wrap">
			
			<!-- 头部 -->
			<div class="header">
				<script type="text/javascript">
					$(".header").load("common-header.html");
				</script>
			</div>
			
			<!-- 各国奖金排名 -->
			<div class="banner"></div>
			
			<!-- 奥运会图标    时间-->
			<div class="Olympic-log">
				<div class="circle-log"></div>
				<span class="show-time">9:30</span>
			</div>
			
			<!-- 排名 -->
			<table class="tabTitle">
				<tr>
					<th>排名</th>
					<th>代表队</th>
					<th><img src="../img/competion-img/gold_1.png" alt=""/></th>
					<th><img src="../img/competion-img/gold_2.png" alt=""/></th>
					<th><img src="../img/competion-img/gold_3.png" alt=""/></th>
					<th><img src="../img/competion-img/gold_4.png" alt=""/></th>
				</tr>
			</table>
			
			<div class="gold-rank" id="wrapper">
			    <table  class="tab" id="scroller">	
					<tr>
						<td>1</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>2</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>3</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>4</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr> 
					<tr>
						<td>5</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>6</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>7</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>8</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>9</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>10</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>11</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>12</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>13</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
					<tr>
						<td>14</td>
						<td><img src="../img/competion-img/gold_cn.png" alt=""/></td>
						<td>51</td>
						<td>21</td>
						<td>28</td>
						<td>100</td>
					</tr>
			    </table>
			</div>
				
		
			
			<!-- 尾部 -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
			
		</div>
	</body>
</html>
